﻿@import '../../Site/Styles/_mixins.scss';
@import '../../Site/Styles/_variaveis.scss';

body {
	margin: 0;
}

#sectionHome {
	@include float(600px, 96%, 20px, 2%, true);

	.sectionTile {
		@include float(300px, 30%, 30px, 10%);
		padding: 20px;
		border: 1px solid grey;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;

		.articleImagem {
			@include float(100%, 40%, 0, 0);
		}

		#imgMeuCarrinho {
			background: url('../../Imagens/Imagens/carrinho.png') no-repeat center;
			background-size: 80% auto;
		}

		#imgMeusPedidos {
			background: url('../../Imagens/Imagens/pedido.png') no-repeat center;
			background-size: 80% auto;
		}

		#imgMeusDados {
			background: url('../../Imagens/Imagens/meusdados.png') no-repeat center;
			background-size: 80% auto;
		}

		.articleTexto {
			@include float(100%, 60%, 0, 0);

			.articleTitulo {
				@include float(50px, 96%, 0, 4%);
				font-size: 40px;
				line-height: 49px;
			}

			.articleDescricao {
				@include float(calc(100% - 50px), 96%, 10px, 4%);
				font-size: 34px;
			}
		}
	}
}
